<template>
	<view @tap="tap" hover-class="hover" hover-stay-time="50" class="simple-module">
		<view style="height: 20rpx; width: 100%;"></view>
		<icon :class="icon" class="icon-my  iconfont"></icon>
		<text style="color: #404040; font-size: 50rpx;">{{title}}</text>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		props:{
			icon:{},
			title:{},
			url:{}
		},
		methods: {
			tap(){
				// this.$emit('clickModule',{})
				this.$utiltg.navigateTo(this.url);
			}
		}
	}
</script>
<style scoped>
	
	.icon-my {
		color: #4DBAFF;
		font-size: 100rpx !important;
		display: block;

		margin-top: 50rpx;
	}
	
	.simple-module {
		text-align: center;
		margin: 15rpx auto;
		width: 300rpx;
		height: 300rpx;
		background-image: linear-gradient(#A4D9F9, #CAEBFF,#A4D9F9);
		border-radius: 15rpx;
		box-shadow: 10rpx 10rpx 10rpx #CCCCCC;
	}
</style>
